// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var ECHARTSOPTINOS = {
	title : { text: '整体得分空缺表', subtext: '-', x:'center' },
	tooltip : { trigger: 'item', formatter: "{c}分（{d}）%" },
	legend: { orient: 'vertical', left: 'left' },
	dataset: {
		source: [
			['没有数据', 1]
		]
	},

	series: [
		{
			type: 'pie',
			radius : '55%',
			center: ['50%', '60%'],
			itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
		}
	],
	color: [
		'#abc88b', '#78a355',
		'#faa755', '#f58220',
		'#f69c9f', '#d71345',
		'#9b95c9', '#6950a1',
		'#45b97c', '#007d65'
	]
};

// 使用刚指定的配置项和数据显示图表。
// myChart.setOption(ECHARTSOPTINOS);



/* ***************************************绑定事件******************************* */
$(document).on("click", "#JS-doStatic", function () {
	let sid = $('input:radio[name="sid"]:checked').val()

	// 验证
	if (!sid) {
		layer.msg('请选择问卷类型', { icon: 2, time: 1000 });
		return
	} else if (!$("#province").val()) { 
		layer.msg('至少要选择省份', { icon: 2, time: 1000 });
		return 
	}

	let submitData = {} //要提交的数据对象
	let arrAddr = [] //完整地区的数组，下面要合并成字符串
	// 遍历元素，并取值
	let elements = ["province", "city", "area", "scope"].forEach(element => {
		let $e =  $(`#${element}`).val()
		if ($e) { 
			$a = $e.split(',')
			arrAddr.push($a[0]) //把中文地区放进完整地址数字
			submitData[`${element}`] = $a[0] // 中文
			submitData[`${element}id`] = $a[1] // 编码
		}
	});
	
	// 发送数据以统计
	layer.load(1, { shade: [0.6,'#fff'] });
	vtool.ajax({
		type: 'POST',
		url: API_STATISTIC,
		data: {
			sid,
			...submitData,
			fullAddr: arrAddr.join(',')
		},
		cb:(res)=>{
			console.log(res)
			// 统计标题
			$(".statistic").html(`
				在您选择的相关条件中，共有${res['countCompany']}间公司、${res['countUser']}个员工、${res['countQn']}张问卷，进行了分数统计：
			`);
			// 转换成图表的数据
			let echartsData = []
			for (let key in res.statistic) {
				// console.log(key);
				let $t = [key,res.statistic[key]]
				echartsData.push($t)
			}
			console.log(echartsData);
			ECHARTSOPTINOS.dataset.source = echartsData
			myChart.setOption(ECHARTSOPTINOS)
		}
	})
	
	
})



